<script setup>

</script>
<template>
  <div class="app-container">
    <span style="font-weight: 700;">信箱管理</span> <span>用于展示小区里每一栋的基础信息</span>
    <hr>
    <el-card>
      <!-- 搜索区域 -->
      <el-form label-width="80px" label-position="top" :inline="true">
        <el-form-item label="小区名称">
          <el-select placeholder="请选择">
            <el-option value=""></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="栋数名称">
          <el-input placeholder="请输入"></el-input>
        </el-form-item>
        <el-form-item label="创建时间">
          <el-date-picker type="daterange" size="normal" placeholder="选择日期时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item style="display: flex;align-items:end">
          <div></div>
          <div>
            <el-button type="primary">搜索</el-button>
            <el-button>重置</el-button>
          </div>
        </el-form-item>
      </el-form>
      <hr>
      <!-- 工具区域 -->
      <el-row type="flex" justify="space-between">
        <div></div>
        <div>
          <el-button type="primary" size="medium">新增楼栋</el-button>
          <el-icon style="margin-left: 10px;">
            <RefreshRight />
          </el-icon>
          <el-icon style="margin-left: 10px;">
            <Share />
          </el-icon>
          <el-icon style="margin-left: 10px;">
            <Setting />
          </el-icon>
        </div>
      </el-row>
      <hr>
      <!-- 表格区域 -->
      <el-table border stripe>
        <el-table-column label="栋数编号"></el-table-column>
        <el-table-column label="小区名称"></el-table-column>
        <el-table-column label="栋数名称"></el-table-column>
        <el-table-column label="电梯数"></el-table-column>
        <el-table-column label="创建时间"></el-table-column>
        <el-table-column label="操作"></el-table-column>
        <!-- <el-table-column prop="remark" label="备注描述"></el-table-column>
                <el-table-column label="价格区间">
                    <template #default="{ row }">
                        {{ row.min_price }}-{{ row.max_price }}
                    </template>
                </el-table-column>
                <el-table-column label="发布者">
                    <template #default="{ row }">
                        {{ row.user?.nick_name }}
                    </template>
                </el-table-column>
                <el-table-column label="商品状态">
                    <template #default="{ row }">
                        {{ showState(row.state) }}
                    </template>
                </el-table-column>
                <el-table-column label="操作">
                    <template #default="{ row }">
                        <el-button @click="editRow(row.id)" type="success">编辑</el-button>
                        <el-popconfirm title="确认删除吗" @confirm="delRow(row.id)">
                            <template #reference>
                                <el-button type="danger">删除</el-button>
                            </template>
                        </el-popconfirm>
                    </template>
                </el-table-column> -->
      </el-table>
      <!-- 分页区域 -->
      <!-- <el-pagination @size-change="sizeChange" @current-change="currentChange"
                v-model:current-page="queryData.pageNum" :page-sizes="[3, 5, 10, 20]" v-model:page-size="queryData.pageSize"
                layout="total, sizes, prev, pager, next, jumper" :total="total" background>
            </el-pagination> -->
      <!-- 新增修改组件 -->
    <!-- <addForm ref="addRef" @updateList="initData" /> -->
  </el-card>
</div></template>
<style scoped></style>